﻿/// <reference path="/Scripts/Base/jquery-1.7.1.js" />
/// <reference path="/Scripts/Base/jquery-ui-1.8.20.js" />

$(function () {
    function ToggleSides(container, show) {
        var duration = 150;
        if (show) {
            container.find(".metro-button-left").show("slide", { direction: "left" }, duration);
            container.find(".metro-button-right").show("slide", { direction: "right" }, duration);
        } else {
            container.find(".metro-button-left").hide("slide", { direction: "left" }, duration);
            container.find(".metro-button-right").hide("slide", { direction: "right" }, duration);
        }
        
    };

    $(".metro-button-container").live("mouseenter",function () {
        ToggleSides($(this),true);
    });
    

    $(".metro-button-container").live("mouseleave",function () {
        ToggleSides($(this),false);
    });
});